.content {
    margin-left: 16.4%;
    margin-top: 3%;

}
body {
    width: 100%;
}
.info {
    font-size: 1.2em;
    color: #6b6b6b;
    letter-spacing: 3px;
}
.zs {
     color: #6c6c6c;
     margin-top: 35px;
     font-size: 0.9em;
     /*margin-right: -150px;*/
}
.input {
    margin-left: 4%;
    
}
.con_left {
    border:1px solid #66ac66 ;
    width: 9%;
    height: 247px;
    margin-top: 19px;
    color: #66ac66;
    line-height: 247px;
    text-align: center;
    float: left;
}
.production {
    width: 15.3%;
    height: 80px;
    background-color: #66ac66;
    margin-left: .5%;
    margin-top: 19px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left
}
.number {
    margin-left: 50%;
}
.stop {
   width: 15.3%;
    height: 80px;
    background-color: #66ac66;
    margin-left: .2%;
    margin-top: 19px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left;
}
.number2 {
    padding-left: 68%;
}
.repair {
    width: 15.3%;
    height: 80px;
    background-color: #66ac66;
    margin-left: .2%;
    margin-top: 19px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left
}
.abnormal_total {
    width: 15.3%;
    height: 80px;
    background-color: #66ac66;
    margin-left: .2%;
    margin-top: 19px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left
}
.number3 {
    /*padding-left: 41%;*/
    margin-left: 41%;

}
.number7 {
    margin-left: 59%
}
.number8 {
    margin-left: 23%;
}


.production_points {
    width: 21%;
    height: 80px;
    background-color: #66ac66;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    position: relative;
    padding-left: 0.8%;
    margin-left: -65.8%;
    margin-top: 102px;
    float: left;
}
.com_point {
      width: 21%;
    height: 80px;
    background-color: #66ac66;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 3px;
    padding-left: .8%;
    margin-left: -43.75%;
    margin-top: 102px;
    float: left;
}
.com_rate {
      width: 21%;
    height: 80px;
    background-color: #66ac66;
    margin-left: 5px;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 0.8%;
    margin-left: -21.8%;
    margin-top: 102px;
    float: left;
}





.con_two {
    border:1px solid #d77454 ;
    width: 9%;
    height: 247px; 
    /*margin-top: px;*/
    color: #d77454;
    line-height: 247px;
    text-align: center;
    /*position: absolute;*/
    margin-top: 8px;
}
.mobility {
     width: 15.5%;
    height: 80px;
    background-color: #66ac66;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 9.7%;
    margin-top: 185px;
}
.number4 {
     margin-left: 36%;
    font-size: 16px;
    
}
.number5 {
    margin-left: 46%;
}
.number6 {
    margin-left: 29%;
}
.current_rate {
     width: 15.5%;
    height: 80px;
    background-color: #66ac66;
        margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left:0.75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 26.2%;
    margin-top: -80px;
}
.ppm {
     width: 15.5%;
    height: 80px;
    background-color: #66ac66;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 42.6%;
    margin-top: -80px;
}
.fault {
     width: 15.7%;
    height: 80px;
    background-color: #66ac66;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 59%;
    margin-top: -80px;
}
.t_one {
     width: 15.3%;
    height: 80px;
    background-color: #d77454;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left;
    margin-top:-249px;
    margin-left: 9.7%;

}

.t_t {
    /*position: absolute;*/
    /*margin-top: 278px;
    margin-left: 290px;*/
    /*width: 9%;*/
     width: 15.3%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-left: 26.25%;
    margin-top: -249px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left;
    background-color: #d77454;
}
.t_three {
    width: 15.3%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-left: 42.8%;
    margin-top: -249px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left;
    background-color: #d77454;
}
.t_footer {
   width: 15.1%;
    height: 80px;
    background-color: #66ac66;
    margin-left: 59.4%;
    margin-top: -249px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 1%;
    float: left;
    background-color: #d77454;
}
.o_one {
     width: 21%;
    height: 80px;
    background-color: #66ac66;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    /*position: relative;*/
    padding-left: .8%;
    margin-left: 9.7%;
    margin-top: 10px;
    float: left;
    /*position: absolute;*/
    margin-top: -166px;
    background-color: #d77454;
}
.o_two {
     width: 21%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: 31.7%;
    margin-top: -166px;
    float: left;
    background-color: #d77454;
}
.o_three {
     width: 21%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-left: 5px;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: 0.8%;
    margin-left: 53.75%;
    margin-top: -166px;
    float: left;
    background-color: #d77454;
}
.th_one {
       width: 15.5%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 9.7%;
    margin-top: -83px;
    background-color: #d77454;
}
.th_two {
      width: 15.5%;
    height: 80px;
    /*background-color: #66ac66;*/
        margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left:0.75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 26.2%;
    margin-top: -80px;
    background-color: #d77454;
}
.th_th {
      width: 15.5%;
    height: 80px;
    background-color: #66ac66;
    /*margin-top: 20px;*/
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 42.6%;
    margin-top: -80px;
    background-color: #d77454;
}
.th_footer {
    width: 15.8%;
    height: 80px;
    background-color: #66ac66;
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 59%;
    margin-top: -80px;
    background-color: #d77454;
    float: left;
}
.con_footer {
    border:1px solid #5092ce ;
    width: 9%;
    height: 162px;
    margin-top: 20px;
    color: #5092ce;
    line-height: 164px;
    text-align: center;
    float: left;
    /*position: absolute;*/
    /*margin-top: 538px;*/
    margin-top: 8px;
    /*width: 7.5%;*/
}
.con_tho {
      width: 21%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 2px;
    padding-left: .75%;
    /*position: absolute;*/
    /*margin-left: -10px;*/
    margin-left: 0.5%;
    margin-top: 8px;
    background-color: #5092ce;
}
.con_tht {
      width: 21%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: 0.2%;
    margin-top: 8px;
    float: left;
        background-color: #5092ce;

}
.con_thth {
          width: 21.15%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: 0.2%;
    margin-top: 8px;
    float: left;
        background-color: #5092ce;

}
.con_tone {
    width: 15.5%;
    height: 80px;
    /*background-color: #66ac66;*/
    /*margin-top: -100px;*/
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: -65.95%;
    margin-top: 90px;
    float: left;
        background-color: #5092ce;

}
.con_ttwo {
     width: 15.5%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: -49.5%;
    margin-top: 90px;
    float: left;
        background-color: #5092ce;

}
.con_tth {
      width: 15.5%;
    height: 80px;
    /*background-color: #66ac66;*/
    /*margin-top: 20px;*/
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: -32.97%;
    margin-top: 90px;
    float: left;
        background-color: #5092ce;

}
.con_tfooter {
     width: 15.6%;
    height: 80px;
    /*background-color: #66ac66;*/
    margin-top: 20px;
    line-height: 80px;
    color: white;
    letter-spacing: 4px;
    padding-left: .8%;
    margin-left: 50%;
    margin-top: -80px;
    float: left;
        background-color: #5092ce;

}
